<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>
	<div id="root"></div>
</body>
<script>
	function pj1715(res){
		// console.log(res.keywordAreas);
		root.innerHTML = res.keywordAreas.map(item=>(`
			<div>
				<h1 style="color:red;">${item.areaName}</h1>
				<div>
					${item.level1words.map(item=>(`
						<div>
							<h3 style="color:green;">${item.keyword}</h3>
							${item.level2words.map(item=>(`
								<a href="${item.url}">
									<h4 style="color:aqua">${item.keyword}</h4>
									<img src="${item.imageUrl}" alt="">
								</a>
							`)).join("")}
						</div>
					`)).join("")}
				</div>
			</div>
		`)).join("");
	}
</script>
<script src="https://wq.360buyimg.com/data/coss/keyword/project/mpj1715.jsonp"></script>
</html>